<template>
	<view class="content">
		<view class="guwenItem" v-for="(item,index) in guwenList" :key="index">
			<image :src="item.head" class="avatar"></image>
			<text class="name">{{item.name}}</text>
			<text class="describe">{{item.tag}}</text>
			<button open-type="contact" class="zixun"></button>
			<image :src="$baseurl+'project/icon5.png'" class="tel" @click="$makePhoneCall(item.phone)"></image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				bg: 'index/mtzdbg.png',
				guwenList: [],
			}
		},
		onLoad(options){
			// 项目顾问
			this.$request.get(`project.ProjectBroker/lists?project_id=${options.id}`).then(res => {
				console.log(res.data.data);
				this.guwenList = res.data.data.lists;
			})
		},
		methods: {}
	}
</script>

<style lang="scss" scoped>
	.guwenItem {
		width: 100%;
		height: 235rpx;
		position: relative;
		border-radius: 15rpx;
		border: 1rpx solid #f0f0f0;
		background-color: #fff;
		margin-top:20rpx;
		.avatar {
			position: absolute;
			width: 252rpx;
			height: 194rpx;
			left: 20rpx;
			top: 20rpx;
			border-radius: 15rpx;
		}
	
		.name {
			position: absolute;
			font-size: 28rpx;
			font-weight: 700;
			color: #292929;
			top: 50rpx;
			left: 320rpx;
		}
	
		.describe {
			position: absolute;
			left: 320rpx;
			top: 88rpx;
			font-size: 16rpx;
			line-height: 16rpx;
			color: #000000;
			display: inline-block;
			overflow: auto;
			border-radius: 0rpx 15rpx 15rpx 15rpx;
			background-color: #E8F7FC;
			padding: 10rpx;
		}
	
		.zixun {
			position: absolute;
			width: 64rpx;
			height: 64rpx;
			left: 510rpx;
			top: 126rpx;
			background: url('https://miantou.guguan.net/img/project/icon4.png');
			background-size: 100% 100%;
		}
	
		.tel {
			position: absolute;
			width: 64rpx;
			height: 64rpx;
			left: 590rpx;
			top: 126rpx;
		}
	}
	.content {
		width: 100%;
		    height: 100vh;
		    background-color: #fff;
		    overflow-y: scroll;
	}
</style>